<template>
    <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item v-for="(item, index) in validRoutes" :key="index">


            {{ item.meta.title }}
        </el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script>
export default {
    computed: {
        // 过滤掉不需要显示的路由（如根路径和隐藏的路由）
        validRoutes() {
            // 获取当前匹配的路由数组
            const matched = this.$route.matched || [];

            // 过滤掉第一个（根路径）和meta.hidden为true的路由
            return matched.filter((route, index) => {
                // 跳过根路径
                if (index === 0) return false;

                // 跳过meta.hidden为true的路由
                return !(route.meta && route.meta.hidden);
            });
        }
    },
    created() {
        // 打印当前匹配的路由信息用于调试
        console.log("[面包屑] 当前路由匹配:", this.$route.matched);
    }
}
</script>
